<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<title>禅疗堂官网</title>

<!-- Bootstrap core CSS -->
<link href="../../css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/normalize.css">
<link rel="stylesheet" href="../../css/component.css">
<link rel="stylesheet" href="../../css/custom-styles.css">
<link rel="stylesheet" href="../../css/font-awesome.css">
<link rel="stylesheet" href="../../css/topMenu.css">
<link rel="stylesheet" href="../../css/message_stl.css">

 
 <link rel="stylesheet" href="../../css/demo.css">
<link rel="stylesheet" href="../../css/font-awesome-ie7.css">
<style>
.top_logo_sty {width: 100px;
    float: left;
    margin-top: -20px;
    margin-left: 20px;}
	.img_stl{width:300px;}
.first_menu_stl{
color: #fff;
    font-size: 16px;
    background-image: none;
    border: none;
    font-family: 'source_sans_probold';
    text-transform: uppercase;
    padding: 15px 0px;
    padding-right: 40px;
	cursor:pointer;
}
.fn_hide{display:none;}

.first_menu_stl:hover{
	color:#827373;
}
.first_menu_stl:hover .second_menu_stl{
	
      display: block;
}
.first_title{
font-size: 20px;
    /* margin-top: -30px; */
    margin-bottom: 20px;
    color: black;
    font-weight: bold;
}
second_title{
font-size: 16px;
    font-weight: bold;
    color: black;}
</style>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>

</head>

<body>
<div class="header-wrapper">
  <div class="top_logo_sty"><img style="width:100px;" src="img/logo.jpg"/></div>
  <div class="site-name">
	<!-- <h1>禅疗堂健康咨询管理有限公司</h1>
	<h2>禅疗 禅美 禅修</h2> -->
  </div>
</div>
<div class="menu" id="menuId"></div>
<div class="suspension">
	<div class="suspension-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
		<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>		
		<a href="javascript:;" class="a a-top"><i class="i"></i></a>
		<div class="d d-service">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<a href="http://wpa.qq.com/msgrd?v=3&uin=52525858&site=qq&menu=yes" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
				</div>
			</div>
		</div>
		<div class="d d-service-phone">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<span class="circle"><i class="i-tel"></i></span>
					<div class="text">
						<p>服务热线</p>
						<p class="red number">4001-123-456</p>
					</div>
				</div>
				<div class="d-service-intro clearfix">
					<p><i></i>功能和特性</p>
					<p><i></i>价格和优惠</p>
					<p><i></i>获取内部资料</p>
				</div>
			</div>
		</div>
		<div class="d d-qrcode">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="qrcode-img"><img src="img/cltweixin.png" alt=""></div>
				<p>微信服务号</p>
			</div>
		</div>

	</div>
</div>
<!-- 轮播图片、重要信息入口 -->
<div class="banner">
  <div id="carousel-example-generic" class="carousel slide">
<!-- Wrapper for slides -->
	<div class="carousel-inner" id="J_projListTpl">
	  <div class="item active">
		<img src="../../img/banner-image.jpg" alt="">
		<div class="carousel-caption">
		  <h1>禅疗</h1>
		  <h2>禅疗介绍：天行健君子以自强不息、地势坤君子以厚德载物</h2>
		  <a href="#" class="btn">查看</a>
		</div>
	  </div>
	  <div class="item">
		<img src="../../img/banner-image.jpg" alt="">
		<div class="carousel-caption">
		  <h1>禅美</h1>
		  <h2>禅美介绍：坤厚载物德合无疆</h2>
		  <a href="#" class="btn">查看</a>
		</div>
	  </div>
	  <div class="item">
		<img src="../../img/banner-image.jpg" alt="">
		<div class="carousel-caption">
		  <h1>禅修</h1>
		  <h2>禅修介绍：悠悠五千年</h2>
		  <a href="#" class="btn">查看</a>
		</div>
	  </div>
	</div>

<!-- 轮播图 左右控制 -->
  <a class="left_stl carousel-control" href="#carousel-example-generic" data-slide="prev">
	<i class="fw-icon-chevron-left"></i>
  </a>
  <a class="right_stl carousel-control" href="#carousel-example-generic" data-slide="next">
	<i class="fw-icon-chevron-right"></i>
  </a>
</div>
</div>
<!-- 特色介绍 -->
<div class="container">
  <div class="featured-block">
	<p>产品展示</p>
	<div class="row" id="J_productTpl">
	  <div class="col-md-3 ">
		<div class="block item_stl">
			<div class="thumbnail">
				  <img src="img/img1.jpg" alt="" class="img-responsive">
				  <div class="caption">
					<h1>特色1</h1>
					<p class="text_over_hidden">>花间一壶酒、独酌无相亲，举杯邀明月，对应成三人</p>
					<a class="btn" href="#">查看</a>
				  </div>
			  </div>
		</div>
		</div>
		<div class="col-md-3">
		  <div class="block item_stl">
			<div class="thumbnail">
				<img src="img/img2.jpg" alt="" class="img-responsive">
				<div class="caption">
				  <h1>特色2</h1>
				  <p class="text_over_hidden">>两人对酌山花开、一杯一杯复一杯。我醉欲眠卿且去，明朝有意抱琴来</p>
				  <a class="btn" href="#">查看</a>
				</div>
			</div>
		  </div>
		</div>
		<div class="col-md-3">
		  <div class="block item_stl">
			<div class="thumbnail">
			  <img src="img/img3.jpg" alt="" class="img-responsive">
			  <div class="caption">
				<h1>特色3</h1>
				<p class="text_over_hidden">美人卷珠帘，深坐颦蛾眉。但见泪痕湿，不知心恨谁</p>
				<a class="btn" href="#">查看</a>
			  </div>
			  </div>
		  </div>
		</div>
		<div class="col-md-3">
		<div class="block item_stl">
		<div class="thumbnail">
		  <img src="img/img4.jpg" alt="" class="img-responsive">
		  <div class="caption">
			<h1>特色4</h1>
			<p class="text_over_hidden">>花非花，雾非雾，夜半来，天明去。来如春梦几多时？去似朝云无觅处</p>
			<a class="btn" href="#">查看</a>
		  </div>
		  </div>
		</div>
		</div>
		
	  </div>
	  
	</div> 
	<div class="ruler"></div>  
	</div>
	<div>
<div class="container">
  <div class="featured-item">
	<div class="col-md-6">
		<div class="block">
		  <div class="block-title">
			<h2>新闻资讯</h2>
		  </div>
		  <ul id="newsList">
			<li class=""> 
			  <div class="">				
				<p><a onclick="">少林易筋经洗髓经成为非物质文化遗产</a></p>
			 </div>
		   </li>
			<li class="">
			  <div class="user-info">
				<p><a>少林易筋经洗髓经成为非物质文化遗产</a></p>
			 </div>
			</li>
			<li class="">
			  <div class="user-info">
				<p><a>少林易筋经洗髓经成为非物质文化遗产</a></p>
			 </div>
			</li>
			<li class="">
			  <div class="user-info">
				<p><a>少林易筋经洗髓经成为非物质文化遗产</a></p>
			 </div>
			</li>
			<li class="">
			  <div class="user-info">
				<p><a>少林易筋经洗髓经成为非物质文化遗产</a></p>
			 </div>
			</li>
			<li class="">
			  <div class="user-info">
				<p><a>少林易筋经洗髓经成为非物质文化遗产</a></p>
			 </div>
			</li>
		  </ul>
		</div>
		<a href="#" class="btn" onclick="checkNewsMore();">更多资讯</a>
		</div>
		<div class="col-md-6">
		  <div class="block">
			<div class="block-title">
				<h2>加盟商分布图</h2>
				<div id="investMap" style="width: 600px;height:500px;"></div>
			</div>
			</div>
		  </div>
	</div>
	  </div>
	  <div class="ruler"></div>
</div>
  <div class="container">
	<div class="featured-content">
	  <div class="col-md-6">
		<div class="first_title">企业介绍</div>
		<div class="block">
		  <img src="img/img1.jpg" id="companyImg" alt="" class="img-spacing thumbnail img_stl">
		  <p id="companyNm" class="second_title"></p>
		  <p id="companyDesc">
		  </p>
		  <a href="#" class="btn" id="companyMore" onclick="openCompanyINfo();">更多</a>
		</div>            
	  </div>
	  <div class="col-md-6">
   	    <div class="first_title">董事长介绍</div>
		<div class="block">
		  <img src="img/img2.jpg" id="personImg" alt="" class="img-spacing thumbnail img_stl">
		  <p id="personNm" class="second_title">王茜女士</p>
		  <p id="personDesc">传递健康，<p>
		  <a href="###" class="btn" id="personBtn" onclick="openPersonInfo();">更多</a>
		</div>            
	  </div>
	</div>
  </div> 
  <div class="" id="foodId"></div>
<script src="../../js/jquery-1.9.1.js"></script>
<script src="../../js/bootstrap.js"></script>
<script src="../../js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="../../js/echarts.min.js"></script>
<script src="../../js/china.js"></script>
<script src="../../js/lib.min.js"></script>
<script src="../../js/requirejsConfigObj.js"></script>
<script src="../../js/requirejs/2.1.17.js"></script>
<script src="../../js/common.min.js"></script>
<script src="../../js/self_fun.js"></script>
<script src="../../js/eacharts_invest.js"></script>
<script id="T_productTpl" type="text/x-handlebars-template">
{{#each beans}}
<div class="col-md-3 mar-top20">
	<div class="block item_stl">
		<div class="thumbnail">
		  <div class="img_div"><img src="{{picHeadFile}}" alt="" class="img-responsive"></div>
		  <div class="caption">
			<h1>{{productNm}}</h1>
			<p class="text_over_hidden" title="{{productDesc}}">{{productDesc}}</p>
			<a class="btn" href="###" onclick="openProductDtl('{{productId}}');">查看</a>
		  </div>
	  </div>
	</div>
</div>
{{/each}}
</script>
<!-- 轮播图展示 -->
<script id="T_projListTpl" type="text/x-handlebars-template">
{{#each beans}}
	<div class="item">
		<img src="../../img/banner-image.jpg" alt="">
		<div class="carousel-caption">
		  <h1>{{investNm}}</h1>
		  <h2><div class="over_desc_stl" title="{{investDesc}}">{{investDesc}}</div></h2>
		  <a href="###" onclick="projDtlInfo('{{investId}}')" class="btn">查看</a>
		</div>
	</div>
{{/each}}
</script>
<script>
	
	$(function(){	
		getCompanyInfo();
		getPersonInfo();
		getNewsList();//新闻
		productList();
		projList();
	});
	function getNewsList(){
		//newsList
		var param = {strat:0,limit:10};   
		Util.ajax.postJsonSync('/homeNewsList', param, function(json,status){
            var obj = json.beans;
            if(status){
           	    for(var i=0;i<obj.length;i++){
           	    	
           	    }
           	    var html = "";
           	    $.each(obj,function(i,n){
           	    	html += '<li class=""><div class="user-info over_text_hide"><p class="news_title_stl" title="'+n.newsTitle+'"><a onclick="openNewsDtlInfo("'+n.newsId+'");">'+n.newsTitle+'</a></p><p class="news_data_stl">'+n.crtTime+'</p></div></li>';
           	    });
           	    $("#newsList").html(html);
            }else{
                Util.dialog.tips("查询失败,请重试");
            }
   	 });
	}
	//公司信息读入
	function getCompanyInfo(){
		var param = {};   
   	 Util.ajax.postJsonSync('/homeCompanyInfo', param, function(json,status){
            var obj = json.bean;
            if(status){
           	    $("#companyNm").text(obj.companyNm);
                //$("#companyAddrD").text(obj.companyAddr);
               // $("#companyTelnumD").text(obj.companyTelnum);
                //$("#companyCnttD").html(obj.companyCntt);
                $("#companyDesc").text(obj.companyDesc);
                if(!isDataNull(obj.picHeadFile)){
    	            $("#companyImg").attr('src',obj.picHeadFile);
                	//var imgH = "<img src='"+obj.picHeadFile+"' width='200' height='200'/>";
    	          //  $("#filePathsD").html(imgH);   
                }    	
            }else{
                Util.dialog.tips("查询失败,请重试");
            }
   	 });
	}
	//董事长信息读入
	function getPersonInfo(){
		var param = {};   
   	 Util.ajax.postJsonSync('/homePersonInfo', param, function(json,status){
            var obj = json.bean;
            if(status){
           	    $("#personNm").text(obj.personNm);
                //$("#companyAddrD").text(obj.companyAddr);
               // $("#companyTelnumD").text(obj.companyTelnum);
                //$("#companyCnttD").html(obj.companyCntt);
                $("#personDesc").text(obj.personDesc);
                if(!isDataNull(obj.headFile)){
    	            $("#personImg").attr('src',obj.headFile);
                	//var imgH = "<img src='"+obj.picHeadFile+"' width='200' height='200'/>";
    	          //  $("#filePathsD").html(imgH);   
                }    	
            }else{
                Util.dialog.tips("查询失败,请重试");
            }
   	 });
	}
	function openPersonInfo(){
		window.location.href="cltweb/page/personPage.html";
	}
	function openCompanyINfo(){
		window.location.href="cltweb/page/companyPage.html";
	}
    function checkNewsMore(){
    	window.location.href="cltweb/page/newsPage.html";
    }
	function openProducgtInfo(){
		window.location.href="cltweb/page/productPage.html";
	}
	function openInvestInfo(){
		window.location.href="cltweb/page/investPage.html";
	}
	$(document).ready(function(){	
		$(document).on("mouseenter", ".suspension .a", function(){
			var _this = $(this);
			var s = $(".suspension");
			var isService = _this.hasClass("a-service");
			var isServicePhone = _this.hasClass("a-service-phone");
			var isQrcode = _this.hasClass("a-qrcode");
			if(isService){ s.find(".d-service").show().siblings(".d").hide();}
			if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
			if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
		});
		$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
			$(".suspension").find(".d").hide();
		});
		$(document).on("mouseenter", ".suspension .a-top", function(){
			$(".suspension").find(".d").hide(); 
		});
		$(document).on("click", ".suspension .a-top", function(){
			$("html,body").animate({scrollTop: 0});
		});
		$(window).scroll(function(){
			var st = $(document).scrollTop();
			var $top = $(".suspension .a-top");
			if(st > 400){
				$top.css({display: 'block'});
			}else{
				if ($top.is(":visible")) {
					$top.hide();
				}
			}
		});	
	});	
	//
	function productList(){
		var params = {start:'0',limit:'4'}
		Util.ajax.postJson('/homeProductList', params, function(json,status) {
            if (status) {
            	Util.ajax.loadTemp("#J_productTpl", $("#T_productTpl"), json);
            }
        });
	}
	function projList(){		
		var params = {start:'0',limit:'4'}
		Util.ajax.postJsonSync('/homeInvestList', params, function(json,status) {
            if (status) {
            	Util.ajax.loadTemp("#J_projListTpl", $("#T_projListTpl"), json);
            }
        });
		$("#J_projListTpl div:first-child").addClass("active");
		//$("#J_projListTpl div:first-child").addClass("aaa");
	}
	function openProductDtl(productId){
		window.location.href = "productDtlInfoPage.html?productId="+productId;
	}
	function projDtlInfo(investId){
		window.location.href = "investDtlInfoPage.html?investId="+investId;
	}
</script>
</body>
</html>
